<include file="Public/common1" />
<block name="css">
    <link rel="stylesheet" type="text/css" href="__CSS__/index/order_detail.css">
    <style>
    .price>div.col-xs-3{ font-size: 15px; padding: 10px; }
    .base-info{ line-height: 1.5; padding: 10px;  }
    h5{ font-weight: bolder; }
    #detail{ max-width: 100%; text-align: left; }
    </style>
</block>
<block name="content">
    <h2>{$r.line.line_name}</h2>
    <div class="col-xs-12 clearfix price">
        <div class="col-xs-3">成人价：&#165;{$_GET['adult_price']}/人</div>
        <div class="col-xs-3">儿童价：&#165;{$_GET['child_price']}/人</div>
        <!--<div class="col-xs-3">老人价：&#165;{$_GET['oldman_price']}/人</div>-->
        <!-- <div class="col-xs-6 text-right">
            <button class="btn btn-primary">线路说明</button>
            <button class="btn btn-primary">预订</button>
            <button class="btn btn-primary">导出</button>
        </div> -->
    </div>

    <h4>基本信息</h4>
    <p class="base-info">
        团号：{$r.line.group_num}<br/>
        出团日期：{$_GET['day']}<br>
        <!-- 产品特色：<br> -->
        出发城市：{$r.set_out}<br/>
        目的地城市：{$r.dest}<br/>
        线路主题：{$r.line.theme_name}<br/>
        交通：{$r.traffic.go}(去)->{$r.traffic.back}(回)<br/>
    </p>

    <h4 style="margin-bottom: 15px;">行程信息</h4>
    <table class="table table-bordered" >
        <foreach item="v" name="r.trip">
            <tr>
                <td>第{$v.current_day}天</td>
                <td>
                    <h5 class="text-left text-bolder">{$v.trip_title}</h5>
                    <div class="text-left">用餐：{$v.dining}</div>
                    <div class="text-left">住宿：{$v.stay}</div>
                    <!-- <div class="mb-15">游玩景区：晚餐</div> -->
                    <!-- <div class="text-left">行程内容：{$v.trip_content}</div> -->
                    <if condition="v.play">
                        <div class="text-left text-bolder">项目费用说明：</div>
                        <table class="table table-bordered">
                            <tr>
                                <th>名称</th>
                                <!-- <th>参考价格</th> -->
                                <th>详情/备注</th>
                            </tr>
                            <tr>
                                <foreach name="v.play" item="play">
                                <tr>
                                    <td>{$play.name}</td>
                                    <!-- <td>{//$play.price}</td> -->
                                    <td>{$play.note}</td>
                                </tr>
                                </foreach>
                            </tr>
                        </table>
                    </if>

                    <if condition="v.shop">
                        <div class="text-left text-bolder">购物费用说明：<br/></div>
                        <table class="table table-bordered">
                            <tr>
                                <th>名称</th>
                                <th>营业产品</th>
                                <th>停留时间</th>
                                <!-- <th>详情/备注</th> -->
                            </tr>
                            <foreach name="v.shop" item="shopping">
                            <tr>
                                <td>{$shopping.shopping_name}</td>
                                <td>{$shopping.product}</td>
                                <td>{$shopping.stay_time}</td>
                                <!-- <td>{$shopping.note}</td> -->
                            </tr>
                            </foreach>
                        </table>
                    </if>
                    <div class="text-left text-bolder">行程图文详情：<br/></div>
                    <div id="detail" class="col-xs-12 clearfix">
                        {$v.trip_details}
                    </div>
                </td>
            </tr>
        </foreach>
    </table>
</block>
<block name="js">
<script>
$('#nav').on('click', 'li', function(){
    $(this).addClass('active').siblings().removeClass('active');
    if($(this).index() == 0){
        $('#refund').show();
        $('#income').hide();
    }else{
        $('#income').show();
        $('#refund').hide();
    }
})
</script>
</block>
